@import '../common/common';
*{
	margin: 0;
	padding: 0;
}
@mixin inner {
	margin: 0 auto;
	width: 1200px;
}
$width:100%;
#header{
	width: $width;
	height: 80px;
	padding-top: 18px;
	border-bottom:5px solid #cc3333;
	.inner{
		@include inner;
		ul{
			float: right;
			margin-top:42px;
			li{
				float: left;
				padding: 0 20px;
				font-size:13px;
				a{
					color:#646464;
					&:hover{
						color: #0074D9;
					}
				}
			}
		}	
	}
}
#copywrite{
	width: $width;
	height: 53px;
	margin-top: 30px;
	p{
		text-align: center;
		color: #666666;
		font-size: 12px;
	}
}
#login_area{
	width: 900px;
	height: 450px;
	margin: 40px auto 0;
	.a_pic{
		display: block;
		width: 452px;
		height: 260px;
		background: url("https://s2.ymatou.com/login/5aebbf5a6893bd825441a68a60b42b51.jpg");
		float: left;
	}
	#login_form{
		width: 360px;
		height: 360px;
		// background: #999999;
		float: right;
		b{
			color:#666666;
			font-size: 14px;
			border-right: 1px solid #666666;
		}
		a{
			color:#666666;
			font-size: 14px;
		}
		#login_content{
			width: 360px;
			height: 360px;
			border: 3px solid #ccc;
			margin: 5px 0 1px;
			#error{
				height: 28px;
				width: 120px;
				color: #FFFFFF;
				font-size: 12px;
				text-align: center;
				background: #F04E00;
				line-height: 28px;
				margin: 10px 120px;
				display: none;
			}
			#main{
				margin-top:40px;
				li{
					height: 28px;
					margin: 0 25px 15px;
					position:relative;
					.inputName{
						float: left;
						width: 90px;
						span{
							float: right;
							color: #333333;
						}
						input{
							height: 26px;
							position: absolute;
							top:0;
							left:95px;
						}
						img{
							position: absolute;
							left: 160px;
							display: block;
							width: 52px;
							height: 28px;
						}
						a{
							position: absolute;
							display:block;
							right: 15px;
							top: 5px;
							font-size:12px;
							color:#666666;
							font-size: 14px;
						}
						p{
							position: absolute;
							top: 3px;
							right: 80px;
						}
					}
				}
			}
			#loginBtn{
				width: 67px;
				height: 30px;
				background: url("https://s2.ymatou.com/login/0c514d7e61b7db90f0798895c10e05a9.png");
				margin-left: 120px;
			}
			#threetype{
				display: block;
				margin-left: 30px;
				margin-top: 20px;
				user-select: none;
			}
			
			
		}
	}
	
}